<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
	<title>不同事件监控文本框</title>
</head>

<body>
	onchange:<input id="productName" type="text" /><br />
	oninput和onpropertychange:<input id="productName1" type="text" /><br />
	onkeypress:<input id="productName2" type="text" /><br />
	<em></em>
	<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" placeholder="禁止选择非数字">
	<script>
		var i = 0;
		// addEventListener
		$("#productName").on('change', function () {
			searchProductClassbyName()
		})
		$('#productName1').on('input propertychange', function () {
			searchProductClassbyName();
		});
		$("#productName2").on('keypress', function () {
			searchProductClassbyName()
		})
		function searchProductClassbyName() {
			i++;
			$("em").text(i);
		}
		// $('input').keyup(function () {
		// 	$(this).val($(this).val().replace(/[^\d]/g, ''))

		// 	// $(this)[0].value=$(this)[0].value.replace(/[^\d]/g,'')
		// })
	</script>
</body>

</html>
